import React, { Component } from 'react'
import { Row, Col, Form, Input, Button, Select, Table, } from 'antd';
const { Option } = Select;

const dataSource = [{
    key: '1',
    name: '胡彦斌',
    age: 32,
    address: '西湖区湖底公园1号'
  }, {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号'
  }];
  
  const columns = [{
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  }, {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  }];
export default class Four extends Component {
    constructor(props) {
        super(props);
        this.state = {
            // status: true,
            // color: "green"
        };
    }
    
    render() {
        return (
            <div>
                <Form>
                    <Row>
                        <Col span={8}>
                            <Form.Item label="用户名称">
                                <Input placeholder='请输入用户名称' />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item name="userStatus" label="用户状态">
                                <Select>
                                    <Option value='up'>上线</Option>
                                    <Option value='done'>下线</Option>
                                </Select>
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item>
                                <Button type="primary" htmlType="submit">
                                    添加
                                </Button>
                                <Button htmlType="button" >
                                    重置
                                </Button>
                            </Form.Item>
                        </Col>
                    </Row>
                </Form>
                {/* <div style={{ marginTop: 40 }}>
                    <SForm />
                </div>
                <div style={{ padding: 20 }}>
                    <STable/>
                </div> */}
                 <Table dataSource={dataSource} columns={columns} />
            </div>
        )
    }
}
